/**
 * Set the configuration for the loader. 
 * This should be called right after ext-all-debug-w-comments.js is included in the page, and before Ext.onReady
 */
Ext.Loader.setConfig({ 
    enabled: true
});

/**
 * Loads all classes by the given names and all their direct dependencies; 
 * Optionally executes the given callback function when finishes, within the optional scope.
 */
Ext.require([
    'Ext.picker.Date'
]);

Ext.onReady(function(){
	Ext.create('Ext.form.Panel', {
		renderTo: Ext.getBody(),
		xtype:'panel',
		height:60,
		width: 300,
		autoScroll:true, 
		defaults: {flex: 1, layout: 'form', border: false},
		layout:'hbox',
		items:[{
			title:'extjs-testcase-1',
			defaultType: 'textfield',
			items: [{
				xtype:'container',
				layout: 'hbox',
					items: [{
						xtype: 'datefield',
						anchor: '100%',
						width: 200,
						fieldLabel: 'Start from',
						name: 'date',
						value: new Date(),
						format: 'Y-m-d'
					}, {
					    xtype: 'timefield',
					    width: 80,
				        name: 'time',
				        minValue: '00:00:00',
				        maxValue: '02:00:00',
				        snapToIncrement: true,
				        increment: 0.05,
				        anchor: '100%',
				        format: 'H:i:s',
				        value: '00:00:00'
					}]
			}]
		}]
	});
});